<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="top">
    <div class="container clearfix">
        <a href="index.html" class="logo"><img src="images/logo.png" alt=""></a><h3>欢迎登录</h3>
        <a href="index.html" class="login">返回首页</a>
    </div>
</div>
<div class="bg">
    <div class="content container clearfix">
        <form action="login.do" method="post" class="login" autocomplete="off" id="loginForm">
            <div class="toggle"><span>扫码登录</span><i class="spacer"></i><span class="on">账户登录</span></div>
            <div class="center">
                <label for="user"><img src="images/user.png" alt=""></label><input type="text" id="user" class="user" name="user" placeholder="邮箱/用户名/手机号码">
                <label for="pass"><img src="images/pass.png" alt=""></label><input type="text" id="pass" class="pass" name="pass" placeholder="密码">
                <label for="pin"><img src="images/pin.png" alt=""></label><input type="text" id="pin" class="pin" name="pin" placeholder="验证码"><img src="images/pin.jpg" alt="" class="pin-img">
                <a href="javascript:void(0)">忘记密码</a>
                <button type="submit" class="submit" id="submit">登录</button>
            </div>
            <div class="third-party clearfix">
                <div class="left"><span class="qq"></span><a href="">QQ</a><i class="spacer"></i><span class="wechat"></span><a href="">微信</a></div>
                <div class="right"><span></span><a href="register.html">免费注册</a></div>
            </div>
        </form>
    </div>
</div>
<div class="footer">
    <div class="container clearfix">
        <div class="service clearfix">
            <ul>
                <li>帮助中心</li>
                <li><a href="">购物指南</a></li>
                <li><a href="">新用户注册</a></li>
                <li><a href="">换货流程</a></li>
                <li><a href="">联系客服</a></li>
            </ul>
            <ul>
                <li>支付中心</li>
                <li><a href="">在线支付</a></li>
                <li><a href="">货到付款</a></li>
                <li><a href="">分期付款</a></li>
                <li><a href="">公司转账</a></li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li><a href="">售后政策</a></li>
                <li><a href="">价格保护</a></li>
                <li><a href="">退款说明</a></li>
                <li><a href="">取消订单</a></li>
            </ul>
            <ul class="unique">
                <li>常见问题</li>
                <li><a href="">订单无法确认？</a></li>
                <li><a href="">支付失败</a></li>
                <li><a href="">订单错误</a></li>
            </ul>
        </div>
        <div class="QRcode">
            <img src="images/QRcode.jpg" alt="">
            <p>达墨商城官方微信</p>
        </div>
        <p class="copy">&copy;COPYRIGHT&nbsp;&nbsp;达墨商城版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可证：JY1223563467431</p>
    </div>
</div>
<script type="text/javascript" src="lib/jquery-2.1.1.js"></script>
<script type="text/javascript" src="lib/storages-1.2.3.js"></script>
<script type="text/javascript" src="js/_public.js"></script>
<script type="text/javascript" src="js/login.js"></script>
</body>
</html>